//定义折线柱状图例
var buidEcharts = {
	initBarOrLine:function(domId,series,legend,xAxis,yAxis,title) {
		var charts = echarts.init(domId);
		var option = {
			tooltip: {
			  trigger: 'axis',
			  axisPointer: {
				type: 'cross',
				crossStyle: {
				  color: '#999'
				}
			  }
			},
			xAxis:xAxis,
			yAxis:yAxis,
			series:series
		}
		
		if(title != undefined && title!= null) {
			option.title = title;
		}
		
		if(legend != undefined && legend!= null) {
			option.legend = legend;
		}
		
		charts.clear();
		charts.setOption(option);
		
		window.addEventListener('resize',function() {
		    charts.resize();
		});
	},
	init:function() {
		// buidEcharts.initBarOrLine(document.querySelector(".bar .chart"),
		// [
		//   {
		//     name: '运营线路条数',
		//     type: 'bar',
		//     barWidth:"35%",
		//     itemStyle:{
		//         normal:{
		//             barBorderRadius: 5,
		//             color: new echarts.graphic.LinearGradient(0,0,0,1,[{offset: 1,color: '#33cabb'},{offset: 0,color: '#3EACE5'}])
		//             // color:"#2f89cf",
		//         },
		//     },
		//     data: [
		//       1118, 1175, 671, 551, 400, 677, 899, 131, 155, 467, 148
		//     ]
		//   },
		//   {
		//     name: '运营线路长度',
		//     type: 'line',
		//     lineStyle:{
		//         normal:{
		//             color:"#99cc00",
		//         },
		//     },
		//     yAxisIndex: 1,
		//     data: [2.0, 2.2, 1.4, 1.0,0.8,1.0, 1.6, 0.2, 0.3, 1.0, 0.2]
		//   }
		// ],
		// {
		//   data: ['运营线路条数', '运营线路长度'],
		//   textStyle: {
		//       color:"rgba(255,255,255,.6)"
		//   }
		// },
		// [
		//   {
		//     type: 'category',
		//     data: ['杭州', '宁波', '温州', '嘉兴', '湖州', '绍兴', '金华', '衢州', '舟山', '台州', '丽水'],
		//     axisPointer: {
		//       type: 'shadow'
		//     },
		//     axisLabel:{
		//         color:"rgba(255,255,255,.6)",
		//         fontSize: '12'
		//     },
		//     axisLine:{
		//         show: false
		//     }
		//   }
		// ],
		// [
		//    {
		//     type: 'value',
		//     name: '条',
		//     min: 0,
		//     max: 1400,
		//     interval: 200,
		//     axisLabel:{
		//         color:"rgba(255,255,255,.6)",
		//         fontSize: '12'
		//     },
		//     axisLine:{
		//         lineStyle:{
		//             color:"rgba(255,255,255,.1)",
		//         }
		//     },
		//     splitLine:{
		//         lineStyle:{
		//             color:"rgba(255,255,255,.1)",
		//         }
		//     }
		//   },
		//   {
		//     type: 'value',
		//     name: '万公里',
		//     min: 0,
		//     max: 2.5,
		//     interval: 0.5,
		//     axisLabel:{
		//         color:"rgba(255,255,255,.6)",
		//         fontSize: '8'
		//     },
		//     axisLine:{
		//         lineStyle:{
		//             color:"rgba(255,255,255,.1)",
		//         }
		//     },
		//     splitLine:{
		//         show:false,
		
		//     }
		//   }
		// ]);
	},
	//地图
	initMap:function(mapData,data,unit) {
		var MapChart = echarts.init(mapData);
		MapChart.clear();
		$.get('../json/zhejiang.json',function(geoMap) {
		  echarts.registerMap('zhejiang',geoMap);
		  var geoCoordMap = {
		    "杭州市": [120.153576, 30.287459],
		    "湖州市": [120.102398, 30.867198],
		    "嘉兴市": [120.750865, 30.762653],
		    "宁波市": [121.549792, 29.868388],
		    "舟山市": [122.106863, 30.016028],
		    "丽水市": [119.921786, 28.451993],
		    "金华市": [119.649506, 29.089524],
		    "台州市": [121.428599, 28.661378],
		    "绍兴市": [120.582112, 29.997117],
		    "温州市": [120.672111, 28.000575],
		    "衢州市": [118.87263, 28.941708]
		  };
		    var max = 480, min = 9; // todo 
		    var maxSize4Pin = 100, minSize4Pin = 20;
		
		console.log(data)
		  var convertData = function (data) {
		    var res = [];
		    for (var i = 0; i < data.length; i++) {
		        var geoCoord = geoCoordMap[data[i].name];
		        if (geoCoord) {
		            res.push({
		                name: data[i].name,
		                value: geoCoord.concat(data[i].value).concat(unit)
		            });
		        }
		    }
		    return res;
		};
		
		
		option = {
			geo: {
				show: true,
				type:'map',
				map: 'zhejiang',
				zoom:1.4,
				label: {
					normal: {
						show: false,
					},
					emphasis: {
						show: false,
					}
				},
				roam: true,
				itemStyle: {
					normal: {
						areaColor: '#142957',
						borderColor: '#0692a4',
					},
					emphasis: {
						areaColor: '#0b1c2d',
					}
				}
			},
			series : [
			{
				name: 'credit_pm2.5',
				type: 'scatter',
				coordinateSystem: 'geo',
				data: convertData(data),
				symbolSize:function(value) {
					return 1;
				},
				label: {
					normal: {
						formatter: '{b}',
						position: 'right',
						show: true
					},
				  emphasis: {
					  show: true
				  }
				},
				itemStyle: {
					normal: {
						color: '#D4EEFF'
					}
				}
			},
			//弹出tip
			{
				name: '点',
				type: 'scatter',
				coordinateSystem: 'geo',
				symbol: 'rect',
				symbolSize: function () {
					return 1;
				},
				label: {
					normal: {
						show: true,
						formatter: '{b}\n {@[3]}：{@[2]}',
						lineHeight: 20,
					   backgroundColor:'rgba(255,255,255,.9)',
					   borderColor:'#80cffd',
					   borderWidth:'1',
					   padding:[5,10,4],
					   color:'#000000',
					   fontSize: 14,
					   fontWeight:'normal',
					}
				},
				zlevel: 6,
				data: convertData(data),
			}
		]
		};
		
		MapChart.setOption(option);
			
		MapChart.on("click",function(params){//地图上点击事件,省级可以点击，市级不能
			if(params.name.indexOf("绍兴市") != -1) {
				//省级页面点击绍兴市
				window.open("../cityBus/sxCityBus.html","_self");
			}
		});
		window.addEventListener('resize',function() {
		  MapChart.resize();
		});
		});
	},
	initPie:function(domId,series,legend) {
		var MapChart = echarts.init(domId);
		MapChart.clear();
		var option = {
			tooltip: {
			  trigger: 'item',
			  formatter: '{a} <br/>{b}: {c} ({d}%)'
			},
			legend: legend, 
			series: series
		  };
		MapChart.setOption(option);
	},
	initEvent:function(eventDomId,domId,series,legend,xAxis,yAxis) {
		$(eventDomId).click(function(){
			$(this).siblings().removeClass("aSelector");
			$(this).addClass("aSelector");
			var key = $(this).attr("key");
			
			buidEcharts.initBarOrLine(domId,
			series,
			legend,
			xAxis,
			yAxis);
			
			if(key != 1) {
				//初始化地图
				var names = xAxis[0].data;
				var seriesData = series[0].data;
				var unit = $(this).text();
				var mapDatas = [];
				$.each(names,function(i,name) {
					mapDatas.push({"name":name + "市","value":seriesData[i]});
				});
				buidEcharts.initMap(document.getElementById("mapData"),mapDatas,unit);
			}
			
		});
	},
	initLoadData:function(domId,data) {
		var trs = "";
		for(var i=0;i<data.length;i++) {
			trs += "<tr>";
			for(var n=0;n<data[i].length;n++) {
				trs += "<td>" + data[i][n] + "</td>";
			}
			trs += "</tr>";
		}
		console.log(trs)
		$(domId).html(trs);
	}
}

